<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    

<script>
// BOM Broswer Object Model 浏览器对象模型
// BOM是为了操作浏览器提供的API，核心对象window

// window对象：整个窗口的全局对象
// alert()警告弹框
// prompt()输入弹框
// confirm()确认弹框
// open()打开一个页面或一个新窗口
// close()关闭窗口，只能关闭程序打开的窗口

// 计时器：给某个函数计时
// setInterval(fn,time,param)每隔一段时间执行一次fn函数，返回计时器id
// setTimeout(fn,time,param)经过一段时间后执行一次fn函数，返回计时器id
// fn 要计时的函数
// time 要计时的时间，毫秒
// param 要传递给fn的实参
// clearInterval(id)清除计时器
// clearTimeout(id)清除计时器

// 同步和异步：
// 异步程序：setInterval()  setTimeout()  事件处理函数 。。。
// 同步程序：除了上述异步程序，其他都是同步程序
// 同步执行：按照书写顺序依次执行
// 异步执行：不按书写顺序执行（先执行完同步，再执行异步）

// history对象：有关浏览器历史记录的信息
// history.length 浏览器历史记录条数
// history.forward() 浏览器历史记录前进
// history.back() 浏览器历史记录后退
// history.go() 跳转浏览器历史记录

// screen对象：有关用户屏幕的信息
// screen.width 用户屏幕宽度
// screen.height 用户屏幕高度
// screen.availWidth 用户屏幕有用的宽度（不含任务栏）
// screen.availHeight 用户屏幕有用的高度（不含任务栏）

// location对象：有关浏览器url地址的信息
// url的构成：协议+域名/IP地址+端口号+资源路径+查询字符串+哈希值
// location.protocol 协议
// location.hostname 域名/IP地址
// location.port 端口号
// location.pathname 资源路径
// location.search 查询字符串
// location.hash 哈希值
// location.href 完整页面地址
// location.href = 'xxx' 跳转页面（有历史记录）
// location.replace('xxx') 替换当前窗口的url地址（不生成新的历史记录）
// location.reload() 重新加载页面（刷新）

// navigator对象：有关用户浏览器的信息
// navigator.userAgent 用户浏览器信息（版本 系统平台 内核等）
// navigator.language 用户浏览器语言设置

// document对象：文档对象
// document是window对象的一部分
// 浏览器加载html文档时，就会生成document对象

// 鼠标滚轮事件：
// window.onmousewheel = function (){} 谷歌 IE 支持的滚轮事件
// document.addEventListener('DOMmousoeScroll',function (){}) 火狐支持的滚轮事件


</script>
</body>
</html>